<!-- 项目管理 -->
<template>
	<view class="p-3 border-box">
		<bg-bignav class="my-3" @click="goto(nav)"  v-for="nav in navs" :key="nav.bg" :bg="nav.bg" :icon="nav.icon">
			{{nav.name}}
		</bg-bignav>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				navs:[
					{name:"立项管理", bg:'orange', icon:"1", url:"/pages/project/project/index"},
					{name:"发放管理", bg:'blue', icon:"2", url:"/pages/project/grant/index"},
					{name:"项目结算", bg:'yellow', icon:"3", url:"/pages/project/settlement/index"},					
				]
			}
		},
		methods: {
			goto(nav){
				if(this.$auth.hasPermi(nav.name)){
					uni.navigateTo({
						url:nav.url
					})
				} else {
					this.$modal.msg("您当前暂无权限")
				}
			}
		}
	}
</script>

<style scoped>
	
</style>
